<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线小工具导航</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container" id="app">
    <h3 class="center">本站小工具</h3>
    <div class="row nav-row">
        <a  href="./ps.html">图片处理</a>
        <a   href="./note.html">离线笔记应用</a>
          <!-- <li><a href="./fuli.html">复利计算器</a></li> -->
        <a   href="./rgb2hex.html">RGB 转 HEX</a>
        <!-- <li><a href="./phone.html">手机号码归属地查询</a></li> -->
        <a  href="./qrcode.html">二维码生成器</a>
        <a  href="./winpath.html">win7 环境变量设置</a>
        <a  href="./postman.html">POSTMAN</a>
        <a  href="./game">小游戏</a>
        <a  href="./math2.html">三位数除两位数</a>
        <a  href="./math4up.html">四上数学</a>
        <a  href="./math4-2.html">四下数学</a>
    </div>
    <h3 class="center">第三方小工具</h3>
    <div class="row nav-row">
        <a  target="_blank"  href="https://www.gongjugou.com/">工具狗</a>
        <a  target="_blank"  href="https://www.bejson.com/runcode/csharp/">在线运行C#</a>
        <a  target="_blank"  href="https://tool.oschina.net/commons?type=3">RGB颜色对照表</a>
        <a  target="_blank"  href="http://www.zuohaotu.com/image-compress.aspx">在线图片压缩</a>
        <a  target="_blank" href="https://tool.lu/">在线工具</a>
    </div>
</div>
</body>
</html>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<style>
.nav-row a{
    height:50px;
    display:flex;
    align-items: center;
    box-shadow: 0 0 9px 0 #eee;
    font-size:16px;
    font-weight: 500;
    justify-content: center;
    font-family: '微软雅黑';
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
}
@media (min-width: 992px){
    .nav-row a{
        width: 16.66666667%;
    }
}
</style>
